<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"></c:set>
<!DOCTYPE html>
<html>
<head>
<!-- Standard Meta -->
<c:import url="../common/meda.jsp"></c:import>

<!-- Site Properties -->
<title>产品介绍-${sysDesc}</title>
<link rel="stylesheet" type="text/css"
	href="//${static_server }/css/semantic.min.css">
<link rel="stylesheet" type="text/css"
	href="//${static_server }/css/slick.css">
<link rel="stylesheet" type="text/css"
	href="//${static_server }/css/slick-theme.css">
<link href="//${static_server }/css/simple-line-icons.css"
	rel="stylesheet">
<link rel="stylesheet" type="text/css"
	href="http://${static_server }/css/common.css">
<link rel="stylesheet" type="text/css"
	href="http://${static_server }/css/index.css">
<style type="text/css">
.headline p {
	margin-bottom: 40px;
	font-weight: 100;
	font-size: 16px;
	color: #2b2b2b;
}

p {
	margin-bottom: 20px;
	line-height: 24px;
}

p {
	margin: 0 0 10px;
}

.headline {
	text-align: center;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.03);
	margin-bottom: 50px;
}

.headline h2 {
	font-size: 36px;
}

h2 {
	font-weight: 700;
	margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	font-family: "Raleway", Lucida Sans Unicode, "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	color: #1a1a1a;
	transition: all .50s ease-in-out;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
}

.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.price-plan .panel-heading {
	background: #333;
	text-align: center;
	padding: 25px 0;
	border-radius: 0;
}

.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	cursor:pointer;
}

.price-plan h4 {
	color: #FFF;
	font-size: 17px;
	text-align: center;
	margin-bottom: 0;
}

.price-plan .panel-body {
	background: #444;
	padding: 30px 0;
	margin-bottom: 0;
}

.price-plan h3 {
	color: #fff;
	text-align: center;
	font-size: 38px;
	font-weight: bold;
	margin-bottom: 0;
}

.price-plan h3 span {
	font-weight: 300;
	font-size: 18px;
}

.panel>.list-group {
	margin-bottom: 0;
}

.list-group {
	padding-left: 0;
	margin-bottom: 20px;
	display:none;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul, ol {
	margin-top: 0;
	margin-bottom: 10px;
}

.panel>.list-group .list-group-item {
	border-width: 1px 0;
	border-radius: 0;
}

.price-plan .list-group-item {
	padding: 15px 20px;
	border: 1px dotted #E5E5E5;
	text-align: center;
}

.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd;
}

.price-plan h3 sup {
	font-size: 18px;
}

sup {
	top: -.5em;
}

sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

.price-plan {
	background: #FFF;
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 0;
	box-shadow: none;
}

.price-plan .panel-footer {
	background: #333;
	padding: 25px 0;
	border-radius: 0;
}

.list-group+.panel-footer {
	border-top-width: 0;
}

.text-center {
	text-align: center;
}

.panel-footer {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.popular .panel-heading {
	background: #08b4da;
	cursor:pointer;
}

.popular .panel-body {
	background: #0AA9CC;
}

.popular .panel-footer {
	background: #08b4da;
}
.features {
    margin-bottom: 40px;
    text-align: left;
}
.features i {
    float: left;
    margin-right: 20px;
}
.line-font {
    font-size: 48px;
}
.blue {
    color: #08b4da;
}
.features h3 {
    font-size: 18px;
    font-weight: bold;
    padding-top: 15px;
}
p {
    margin-bottom: 20px;
    line-height: 24px;
}
.features p {
    clear: both;
    padding-top: 10px;
}

/*@media only screen and (max-width: 767px) {
	#productFree {
		display:none;
	}
}*/

</style>
<script src="http://${static_server }/js/jquery.min.js"></script>
<script src="http://${static_server }/js/semantic.min.js"></script>
<script src="//${static_server }/js/slick.min.js"></script>
<script src="http://${static_server }/js/common.js"></script>
<script src="//${static_server }/js/title_menu.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('.ui.goto.reg.button').on('click', function(e){
		$('.ui.register.small.modal').modal('show');
		return false;
	});
	$('.panel-heading.detail').on('click', function(e){
		$(this).closest('.panel.price-plan').children('.list-group').toggle(500);
		$(this).find('i').toggleClass('down').toggleClass('up');
		return false;
	});
}); 
 
</script>

</head>
<body class="pushable">
	<c:import url="../common/title_menu.jsp"></c:import>
	<div class="pusher">
		<div id="schoolheadsegment"
			class="ui vertical raised masthead segment">
			<div class="ui container">
				<div class="ui breadcrumb">
					<a class="section" href="http://${static_server }/"><i
						class="icon home"></i>首页</a>
					<div class="divider">/</div>
					<div class="active section">产品介绍</div>
				</div>
			</div>
			<!-- content container end -->
		</div>
		<div class="ui vertical masthead segment" style="padding: 90px 0;    border-bottom: 1px solid rgba(34,36,38,.15);">
			<div class="ui container">
				<div class="headline">
					<h2>产品价格</h2>
					<p>产品价格特性一览表，可享用的服务一览无遗，不花冤枉钱。</p>
				</div>
				<div class="ui stackable grid equal width ">
					<div id="productFree"  class="column">
						<div class="panel price-plan">
							<div class="panel-heading detail">
								<h4>注册用户<i class="angle double down icon"></i></h4>
								<!-- Package Title -->
							</div>
							<div class="panel-body text-center">
								<h3>
									免费<span>/ 永久</span>
								</h3>
								<!-- Price -->
							</div>
							<ul class="list-group">
								<!-- Package Features -->
								<li class="list-group-item">高考快速导航</li>
								<li class="list-group-item">专业词条解释</li>
								<li class="list-group-item">院校库</li>
								<li class="list-group-item">院校及专业关注</li>
								<li class="list-group-item">院校比对</li>
								<li class="list-group-item">找大学</li>
								<li class="list-group-item">专业库</li>
								<li class="list-group-item">职业兴趣测评</li>
								<li class="list-group-item">分数转换</li>
								<li class="list-group-item">历年录取数据查询</li>
								<li class="list-group-item">考生去向</li>
								<li class="list-group-item"><del>一分一段查询 </del></li>
								<li class="list-group-item"><del>招生计划查询 </del></li>
								<li class="list-group-item"><del>报考志愿方案 </del></li>
								<li class="list-group-item"><del>志愿填报模拟系统</del></li>
								<li class="list-group-item"><del>专家面对面志愿规划</del></li>
								<li class="list-group-item"><del>专家现场网报指导</del></li>
							</ul>
							<!-- End Package Features -->
							<div class="panel-footer text-center">
								<a class="ui goto reg inverted orange button">立即注册</a>
								<!-- Package Button -->
							</div>
						</div>
					</div>
					<div class="column">
						<div class="panel price-plan popular">
							<div class="panel-heading detail">
								<h4>VIP系统服务<i class="angle double down icon"></i></h4>
								<!-- Package Title -->
							</div>
							<div class="panel-body">
								<h3>
									289<sup>.00</sup> <span>/ 永久</span>
								</h3>
								<!-- Price -->
							</div>
							<ul class="list-group">
								<li class="list-group-item">高考快速导航</li>
								<li class="list-group-item">专业词条解释</li>
								<li class="list-group-item">院校库</li>
								<li class="list-group-item">院校及专业关注</li>
								<li class="list-group-item">院校比对</li>
								<li class="list-group-item">找大学</li>
								<li class="list-group-item">专业库</li>
								<li class="list-group-item">职业兴趣测评</li>
								<li class="list-group-item">分数转换</li>
								<li class="list-group-item">历年录取数据查询</li>
								<li class="list-group-item">考生去向</li>
								<li class="list-group-item">一分一段查询</li>
								<li class="list-group-item">招生计划查询</li>
								<li class="list-group-item">报考志愿方案</li>
								<li class="list-group-item">志愿填报模拟系统</li>
								<li class="list-group-item"><del>专家面对面志愿规划</del></li>
								<li class="list-group-item"><del>专家现场网报指导</del></li>
							</ul>
							<div class="panel-footer text-center">
								<a href="//${static_server }/home/buy.html" class="ui inverted button">立即购买</a>
							</div>
						</div>
					</div>
					<div class="column">
						<div class="panel price-plan">
							<div class="panel-heading detail">
								<h4>专家一对一<i class="angle double down icon"></i></h4>
								<!-- Package Title -->
							</div>
							<div class="panel-body">
								<h3>
									4998<sup>.00</sup>
								</h3>
								<!-- Price -->
							</div>
							<ul class="list-group">
								<li class="list-group-item">高考快速导航</li>
								<li class="list-group-item">专业词条解释</li>
								<li class="list-group-item">院校库</li>
								<li class="list-group-item">院校及专业关注</li>
								<li class="list-group-item">院校比对</li>
								<li class="list-group-item">找大学</li>
								<li class="list-group-item">专业库</li>
								<li class="list-group-item">职业兴趣测评</li>
								<li class="list-group-item">分数转换</li>
								<li class="list-group-item">历年录取数据查询</li>
								<li class="list-group-item">考生去向</li>
								<li class="list-group-item">一分一段查询</li>
								<li class="list-group-item">招生计划查询</li>
								<li class="list-group-item">报考志愿方案</li>
								<li class="list-group-item">志愿填报模拟系统</li>
								<li class="list-group-item">专家面对面志愿规划</li>
								<li class="list-group-item">专家现场网报指导</li>
							</ul>
							<div class="panel-footer text-center">
								<a href="//${dynamic_server }/home/contact.html" class="ui inverted orange button">立即咨询</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="ui vertical masthead segment" style="padding: 90px 0;">
			<div class="ui container">
				<div class="headline">
					<h2>产品特性</h2>
					<p>我们以良心为底线，本着互联网思维、人性化设计的理念在做高考志愿填报平台，以此希望能够帮助考生及家长解决一些实际的问题！</p>
				</div>
				<div class="ui stackable three column grid">
					<div class="column  features"><i class="line-font blue icon-globe"></i><h3>一站式服务</h3><p>我们以权威的数据为依托，给广大考生提供一站式的服务，从志愿填报前必须了解的招生知识解答、院校专业资料准备、科学的志愿规划以及现场报考技巧等全程式为您服务。</p></div>
					<div class="column  features"><i class="line-font blue icon-list"></i><h3>海量权威数据</h3><p>本站整理收录了1683所高校、1272个本专科专业的详细资料和过往三年的所有内蒙古自治区的考生成绩、考生投档轨迹、考生录取实情等数据，我们以数据为基础、加以自创科学精准的算法给考生解决一些实际报考中的问题。</p></div>
					<div class="column  features"><i class="line-font blue icon-cloud-upload"></i><h3>安全可靠的云平台</h3><p>本系统采用云计算，后台强大安全可靠。有着最可靠、最安全的数据存储中心，用户可以放心使用，不用再担心数据泄露等问题。</p></div>
					<div class="column  features"><i class="line-font blue icon-pie-chart"></i><h3>数据可视化</h3><p>我们为了方便广大考生使用，提高易用性，使用了大量的线形图、饼状图、柱状图等图标，将一些呆板的数字转化为图标，更直观有效的表达。</p></div>
					<div class="column  features"><i class="line-font blue icon-screen-smartphone"></i><h3>多设备多平台同步支持</h3><p>平台支持在android、ios、pc、微信、QQ、pad等多设备多渠道使用。满足用户随时在不同设备、不同渠道的使用平台。</p></div>
					<div class="column  features"><i class="line-font blue icon-users"></i><h3>拥有多年现场网报经验的专家团队</h3><p>我们拥有线下成熟的专家团队，有着多年的网报经验，帮助广大考生填报志愿保驾护航。</p></div>
					<div class="column  features"><i class="line-font blue icon-layers"></i><h3>使用简单便捷 </h3><p>我们设计一切以人为本，以数据为基础，以人性化设计为基准，设计开发平台，灵活有效的查询条件，几乎可以查询任何数据库的数据，为的是广大考生使用过程中操作简单，便捷。</p></div>
					<div class="column  features"><i class="line-font blue icon-rocket"></i><h3>科学合理的职业发展方向规划</h3><p>360度剖析，探索考生职业兴趣，量身定制个性化评估报告以长远眼光，制定符合考生发展的计划，更接近未来社会需求和职场实际。</p></div>
					<div class="column  features"><i class="line-font blue icon-call-out"></i><h3>7×24小时 支持</h3><p>在使用我们服务的任何时候都可以联系我们的客服。我们提供多种便捷有效的沟通渠道。电话：400-0044-505、官方微信群：内蒙古志愿填报 官方服务号：内蒙古志愿填报 官方QQ群：487203130</p></div>
				</div>
				<div style="padding:0rem auto !important;">
					<img class="ui fluid image" src="/img/apple.jpg">
				</div>
			</div>
		</div>
		<!-- segment end -->
		<c:import url="../common/footer.jsp"></c:import>
	</div>
	<!-- pusher end -->
</body>
</html>